/*
Group 5
Members:
    Kingston Coker
    Senanu Fiam-Coblavie
    Selassie Barbara Adzudor
    Randelle Michel
    Kevin Banful
*/
body
{
    width: 1000px;
    margin: auto;
    padding-top: 2em;
    background: url("images/blue.gif") no-repeat ;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana;
    background-size: 1050px 1200px;
    line-height: 15px;
    background-position: center;
    /*background-color:white;*/
}
/* health information system*/
#pageheader{
    height:3in;
    text-align: center;
    font-size: 4em;
    color: whitesmoke;
    background: url("images/menuItem2.jpg") no-repeat;
    /*background-size: 1000px 2000px;*/
    border-radius: 99px 0 99px 0px;
}

/* sidebar container */
#mainnav{
    width:3in;
    vertical-align:top;
    padding-top: 5em;
}

#mainnav a{
    text-decoration: none;
}

/* sidebar*/
#mainnav .menuitem{
    font-family: Lithos Pro Regular;
    height: .5in;
    text-decoration:none;
    color:white;
    cursor:hand;
    text-transform: uppercase;
    /*background: url("images/menuItem.jpg") no-repeat;*/
    background-color: #34CC67; 
    background-size: 200px 100px;
    text-align: left;
    margin: 1em 0 0 0;
    padding: 1.9em 0 0 .4em;
    /*border-radius: 6px;*/
}

#mainnav .menuitem:hover{
    text-decoration:none;
    /*width: 2in;*/
    background: url("images/blue.gif") no-repeat;
    cursor:hand;
    font-weight:bold;
    background-size: 200px 100px;
    background-color:Silver
}

#heading{
    font-weight: bold;
    font-size: large;
    color: white;
}

/*top nav bar*/
#divPageMenu{
    /*margin-left: 2em;*/
    background-color: #34CC67; 
    border-color: white;
    border-radius: 99px 99px 0px 0px;
}

#divPageMenuSub{
    background-color: #34CC67; 
    border-color: white;
    border-radius: 0px 0px 4px 4px;
}

#divPageMenuSub .menuitem:hover{
    background: url("images/blue.gif") no-repeat ;
    /*background-size: 100px 70px;*/
    text-align: center;
    cursor:hand;
    padding: 0.4em 0 .6em ;
    margin: 0 0.5em 0 2em ;
}

#content .menuitem{
    height: .4in;
    text-decoration:none;
    color: white;
    /*background: url("images/blue.gif") no-repeat;*/
    /*background-size: 200px 100px;*/
    text-align: center;
    margin: 0.5em 0 0 2em;
    padding: 0.2em;
}

#content .menuitem:hover{
    background: url("images/blue.gif") no-repeat;
    /*background-size: 200px 100px;*/
    text-align: center;
    cursor:hand;
    padding: 0.4em 0 .6em ;
    margin: 0 0.5em 0 2em ;
    /*margin: auto;*/
    /*border-radius: 99px 99px 0px 0px;*/
}

#divPageMenu #txtSearch{
    height: .3in;
    text-decoration:none;
    color: black;
    /*background: url("images/blue.gif") no-repeat;*/
    background-size: 200px 100px;
    text-align: left;
    margin: 0.3em 0 .2em 6em;
    padding-top: 0.0em;
    border-radius: 9px;
}

.hotspot{
    text-decoration:underline;
    color:blueviolet;
    cursor:pointer;
}

.hotspot1{
    text-decoration:underline;
    color:blue;
    cursor:pointer;
}

.hotspot2{
    text-decoration:underline;
    color:red;
    cursor:pointer;
    /*text-align: right;*/

}

.status{
    text-align: center;
    background-color:#339967;

}
.error{
    color:Red;
    background-color:yellow;
}

#divContent {
    padding: 1em 1em 0 1.2em;
}

#content {
    width:10in;
    vertical-align: top;
    padding: 0.7em 0 0 1em;
}

.tableForm .field input, .tableForm .field textarea, .tableForm .field select{
    width: 100%;
}

#topicHeading{
    height: 3in;
    color: white;
    font-weight: bold;
    font-size: large
}

/*#divQuickView .tableForm table tr td input{
    disabled: "true";
}*/
/*--------------------DAFLA----------------------------*/

.reportTable 
{
    border:1px;
    /*border-collapse:collapse;*/
}

.reportTable .header
{
    background-color: #14ACDF;
    text-transform: uppercase;
    color: white;
}

.reportTable .row1
{
    background-color: #ADD2ED;
}

.reportTable .row2
{
    background-color:White;
}

.reportTable tr:hover
{
    background-color:#14ACDF;
}

.tableForm .label
{
    background-color: rgb(0, 122, 44);
    text-transform:capitalize;
    color: White;
    text-align:right;
    /*width: 100%;*/
}

.tableForm .field
{
    background-color: rgb(0, 122, 44);;
    /*width: 100%;*/
}
.popupMenu
{
    background-color: #DC7518;
    position: absolute;
    display:none;
    width: auto;
}

.popupMenu div
{
    color: #FFFFFF;
    text-decoration: underline;
}

.popupMenu div:hover
{
    color: #FFFFFF;
    text-decoration: underline;
    background-color: #CC6600;
}

.popupForm
{
    background-color: #14ACDF;
    position: absolute;
    display:none;
    width: auto;
}

